﻿﻿@charset "utf-8";

/* CSS Document */



/*search*/

#search{ width:100%;}

.search {

    width: 1180px;

    height: 56px;

    padding: 0;

    margin: 0 auto;

    position: relative;

}

.search_left {

    width: 833px;

    line-height: 56px;

    float: left;

    color: #333;

    position: absolute;

    left: 32px;

}

.search_left img {

	margin-right: 10px;

}

.search_left a {

	color: #666;

	margin: 0 6px;

}

.search_right {

    width: 351px;

    float: right;

    margin-top: 14.5px;

    position: relative;

}

.searchbar {

	width: 328px;

	line-height: 25px;

	outline: none;

	padding-left: 20px;

	float: left; color:#848484;

	background: none; background:#fff;

}

.searchbtn {

    width: 15px;

    height: 15px;

    outline: none;

    background: url(../images/search.png) no-repeat;

    cursor: pointer;

    border: 0;

    position: absolute;

    right: 8px;

    top: 7px;

}

/*search end*/

/*tedian*/

#tedian {

width: 100%;

height:360px;


}

.tedian {

width: 1180px;

margin: 0 auto;

position: relative;

padding-top: 32px;

}

ul.fannao {

    width: 350px;

    margin-top: 141px;

    margin-left: 671px;

}

.fannao li {

    height: 74px;

    line-height: 67px;

}

.fannao li p{ font-size:16px; color:#666;}

ul.td {

    margin-top: 151px;

    text-align: center;

    width: 1300px;

}

.td li {

    width: 216px;

    height: 233px;

    float: left;

    margin-right: 104px;

}

.td li p {

    font-size: 16px;

    color: #fff;

    line-height: 30px;

    height: 140px; background:url(../images/tedian1_bg.png) top center no-repeat; padding-top:25px;

}

.td li span{ font-size:13px; color:#666; line-height:26px; display:block; text-align:left; margin-top: -16px;}



/*tedian*/

/*product*/

#product{ width:100%; height:auto; overflow:hidden; background:url(../images/pro_bg.jpg) top center no-repeat; margin-top:10px}

.product {

    width: 1180px;

    height:1034px;

    padding: 0;

    margin: 0 auto;

}

.juedui_more{position: absolute;

    right: 0;

    top: 68px;

}



.product_left {

	width: 222px;	

	float: left; height:539px; background: #0055a8;

}

.cpzxtt {

    height: 86px;

    background: url(../images/pro_tt.jpg) top no-repeat;

    background-color: #0055a8;

}

.cpzxtt a {

    color: #fff;

    display: block;

    font-weight: 100;

    font-size: 24px;

    padding-top: 42px;

    padding-left: 24px;

}

.fenlei{ line-height:35px; padding-bottom: 6px; background:#0055a8; border-bottom:5px solid #258f00 inset;}

.fenlei>ul{ margin-bottom:10px;}

.fenlei>ul>li {

    height: 34px; width:100%; display:inline-block;

    line-height: 34px;

    position:relative; font-size:14px

}

.fenlei>ul>li>a {

    display: block;

    width: 150px;

    height: 28px;

    border:1px dashed #A2A2A2;

    text-overflow: ellipsis;

    white-space: nowrap;

    color: #fff;

    margin: 0 auto;

    line-height: 28px;

    text-align: left;

    padding-left: 20px;

}

.cpzxtt a:hover{ color: #fff }

.product_right {

    width: 920px;

    float: right;

}

.r_more{ float:right;}

.product_right h4 {

    font-size: 18px;

    width: 920px;

    height: 30px;

    line-height: 30px;

    background: #fff;

    margin-bottom: 20px;

    border: 1px solid #0055a8;

}

.product_right>h4>ul>li.selected{ background:#0055a8; color:#fff !important;}



.tab_menu li {

    font-size: 16px;

    color: #333;

    width: 130px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    float: left;

    font-weight: 500; cursor:pointer;

}

.r_more a{ font-size:13px; font-weight:100; color:#eee; margin-right: 10px;}

.tab_box .hide{ display:none;}

.product1{ width:898px; height:220px; margin-bottom:40px;}

.product1_right{ width:573px; height:208px;}

.product1_right h5{ font-size:16px; border-bottom:1px dashed #9bb8d4; height:54px; line-height:54px; text-align:left;}

.product1_right p {

    font-size: 13px;

    color: #666;

    line-height: 24px;

    margin-top: 17px;

    height: 72px;

    overflow: hidden;

    margin-bottom: 20px;

}

.product1_img{ width:293px; height:221px; border:1px solid #bbb; padding: 4px;}

.product1_img a{ width:293px; height:221px; display:block; overflow:hidden;}

.product1_img img{ width:293px; height:221px; transition:all ease 100ms;}

.product1_img img:hover{ width:101%; height:101%; }

.ckxq{ width:101px; height:30px; line-height:30px; background:url(../images/btn_lan.png) no-repeat; display:inline-block;}

.ckxq a{ color:#fff !important; display:block; width:101px; height:30px; text-align:center;}

.ljzx{ width:101px; height:30px; line-height:30px; background:url(../images/btn_hong.png) no-repeat; display:inline-block;}

.ljzx a{ color:#fff !important; display:block; width:101px; height:30px; text-align:center;}

.product_show {

    width: 957px;

}

.product_show li {

    width: 204px;

    height: 228px;

    float: left;

    margin-right: 34px;

    margin-bottom: 15px;

}

.product_show li:hover .product_img img{ width:101%; height:101%; }

.product_show li h5 {

    height: 42px;

    line-height: 42px;

    text-align: center;

    margin-top: 1px;

}

.product_img a{ display:block;

  width: 195px;

    height: 188px;

    overflow:hidden;}

.product_img {

    width: 195px;

    height: 188px;

    padding:4px;

    border: 1px solid #cecece;

}

.product_img img{  width: 195px;

    height: 188px; transition:all ease 100ms;}



/*product end*/



.ckxq{ width:101px; height:30px; line-height:30px; background:#0055a8; display:inline-block;}

.ckxq a{ color:#fff !important; display:block; width:101px; height:30px; text-align:center;}

.ljzx{ width:101px; height:30px; line-height:30px; background:#f99f20; display:inline-block;}

.ljzx a{ color:#fff !important; display:block; width:101px; height:30px; text-align:center;}





font{ font-style:normal; color:#0c63c4;}

.title {

 width: 1180px;

    height: 168px;

    text-align: center;

    font-weight: 100;

    font-size: 24px;

}

.title a {

    color: #333;

    font-size: 30px;

    font-weight: 600;

    display: inline-block;

    line-height: 102px;

}

.title p{ font-size:18px; color:#666; line-height:34px;}

/*case*/



#case{ width:100%;  height:550px;}

.case {



    width: 1180px;



    margin: 0 auto;



       padding-top: 50px; 



}



.case .title {



    background: url(../images/case_tt.jpg) top center no-repeat;

}





.case ul li {



    float: left;



    margin-left: 18px;



    position: relative;



    width: 285px;



    height: 218px;



    overflow: hidden;



    margin-bottom: 15px;



}



.case1{ width:574px; height:451px;overflow:hidden; position:relative;}



.case1 a {



    display: block;



  width:574px; height:451px;



    overflow: hidden;



}



.case1 img{ width:574px; height:451px; transition:all ease 300ms;}



.case1 h5 {



    height: 46px;



    background-color: rgba(0,0,0,.8);



    position: absolute;



    bottom: 0;



}



.case1 h5 a{ color:#ddd; line-height:46px;}







.case .img{ display:block; width:285px; height:218px; overflow:hidden; transition:all ease 300ms; }

.case .img img{  width:285px; height:218px; transition:all ease 300ms; }



.case2{ width:606px; height:475px;}



.case2 h5 {



    background-color: rgba(0,0,0,.8);



    position: absolute;



    bottom: 0px;



    left: 0;



    width: 100%;height:37px;



}



.case2 h5 a{ display:block; line-height:37px;}



.case ul li:hover>h5{bottom:0;}



.case2 h5 a{ color:#ddd;}

.case img:hover{ width:101%; height:101%;}

.case1 img:hover{ width:101%; height:101%;}



/*case end*/



/*banner1*/

#banner1 {

	width: 100%;

	height: 330px;

	background: url(../images/banner01.png) no-repeat 50%;

	margin: 0 auto; position:relative;

}

.banner1 {

	width: 1180px;

	height: 251px;

	padding-top: 1px;

	position: relative;

	padding: 0;

	margin: 0 auto;

}

.tantou1 {

    float: right;

    text-align: left;

    margin-top: 130px;

    position: absolute;

}

.tantou1 span {

    font-weight: 200;

    font-size: 18px;

    color: #fff;

    display: inline-block;

}

.tantou1 p {

    font-size: 30px;

    color: #fff;

    display: inline-block;

    font-family: fantasy;

    margin-right: 26px;

}

.tantou1 h5{ text-align:left; color:#fff; font-size:18px; font-weight:600;}

.btn1 {

    height: 35px;

    overflow: hidden;

    transition: all 100ms ease;

    display: inline-block;

    width: 110px;

    margin-top: 25px;

    border: 1px dashed #eee;

}

.btn1 a {

    color: #FFFFFF;

    display: block;

    text-align: center;

    font-size: 17px;

    line-height: 32px;

    font-weight: 100;

}

.btn1:hover {

	  border-radius: 10px;

}



/*banner1 end*/

/*banner2*/

#banner2 {

	width: 100%;

	height:309px;

	background: url(../images/banner02.jpg) no-repeat 50%;	

	margin: 0 auto;

}

.banner2{

	width: 1180px;

	height: 309px;

	padding-top: 1px;

	position: relative;

	padding: 0;

	margin: 0 auto;

}

.banner2 .tantou1 {

    margin-top: 122px;

}

.banner2 .tantou1 p{ font-size:24px;}

.banner2 .tantou1 .btn1{ margin-top:16px;}

/*banner1 end*/



/*reason*/

#reason {

    width: 100%;

    height: 1562px; overflow: hidden;  background: url(../images/ys_bg.jpg) 50% no-repeat; margin-top:45px;

}

.reason {

    width: 1180px;

    height: 1562px;

    padding: 0;

    margin: 0 auto;

    position: relative;

    color: #333;

  

}

.title2 {

    text-align: center;

    position: relative;

    background: url(../images/ys_tt.png) center no-repeat;

    width: 100%;

    height: 95px;

    margin-top: 72px;

}

.title2 a{ display:block; width:100%; height:96px;}

.title2 span {

    top: 100px;

    color: #333;

    text-align: center;

    font-size: 18px;

    font-weight: 100;

}

.reason ul li {

    width: 522px;

    position: absolute;

}

 

.reason ul li h5 {

    font-size: 24px;

    color: #333;

    text-align: left;

    font-weight: 100;

    line-height: 50px;

}

.reason ul li span {

    font-size: 14px;

    color: #0055a8;

    margin-bottom: 24px;

    display: block;

}

.reason ul li h5 img {

	margin-right: 10px;

}

.reason ul li p {

    font-size: 13px;

    line-height: 29px;

    position: relative;

    color: #666;

    left: -97px;

    top: 20px;

}



.ys1 {

    top: 257px;

    left: 103px;

}

.ys2 {

    top: 623px;

    right: -95px;

}

.ys3 {

    top: 936px;

    left: 101px;

}

.ys4 {

    top: 1250px;

    right: -103px;

}

span.ys_tel {

    color: #fff !important;

    margin-left: 143px;

    display: inline-block;

    padding-top: 7px;

}

.reason img{ position:absolute;}

.ys_img1 {

    top: 197px;

    right: 0px;

}

.ys_img2 {

    top: 542px;

}

.ys_img3 {

    top: 854px;

    right: 0px;

}

/*reason end*/

/*liuchen*/

#liuchen{ width:100%; height:365px; margin-top:50px;}

.liuchen{ width:1180px; height:365px; margin:0 auto; background:url(../images/liucheng_bg.jpg) top center no-repeat; position:relative;}

.liuchen ul {

    padding-left: 94px;

    padding-top: 22px;

}

.liuchen ul li {

    font-size: 18px;

    color: #333;

    float: left;

    line-height: 134px;

    margin-left: 99px;

    width: 100px; position:relative;

}

.liuchen .title{ height:50px;}

.liuchen .title p {

    font-size: 18px;

    color: #333;

    line-height: 34px;

    padding-top: 36px;

    margin-left: -21px;

}

.lc1{}

.lc2{}

.lc3{}

.lc4 {

    top: 6px;

    left: -9px;

}

.lc5 {

    top: 9px;

    left: -12px;

}

.lc6 {

    left: 99px;

}

.lc7{   left: 99px;}

.lc8{   left: 88px;}

.lc9{   left: 88px;}

/*liuchen end*/

/*client*/

#client {

    width: 100%; height:508px; margin-top:20px;

}

.client .title {

    background: url(../images/client_tt.jpg) no-repeat center;

    height: 137px;

}



.client {

    width: 1180px;

    margin: 0 auto;background: url(../images/client_bg.jpg) no-repeat top center; padding-top: 14px;

}

.client .left_ad{ width:590px; height:331px; background:url(../images/client_img.jpg) center no-repeat;}

.client .left p {

    font-size: 30px;

    color: #ee7c1c;

    font-family: impact;

    width: 300px;

    text-align: left;

    margin-left: 56px;

    margin-top: 156px;

}

.client ul{ width:556px;}

.client ul li {

    width: 556px;

    height: 183px;

    overflow: hidden;

    margin-right: 76px;

}

.client_img {

    float: left;

    width: 213px;

    height: 139px;

    padding: 3px;

    border: 1px solid #bbb;

}

.client_img a{ display:block;

    width: 213px;

    height: 139px;

 overflow: hidden;}

.client_img img {       width: 213px;

    height: 139px; transition: all ease 500ms;

}

.client_img:hover img{ width:101%; height:101%;}

.client_text {

    width:315px; float:right;

}

.client_text h5{font-weight:600;}

.client_text h5 a {

    color: #333;

    display: block; font-weight:600; text-align:left;

}

.client_text h5 a:hover{}

.client_text p {

    color: #666;

    line-height: 24px;

    height: 45px;

    overflow: hidden;

    font-size: 14px;

    margin: 0 auto;

}

.tempWrap {

    height: 332px !important;



}

.about2 img.loadimg{ width:212px; height:136px;}

.ckxq{ width:77px; height:26px; background:url(../images/more2.jpg) no-repeat; margin-top:17px;}

.ckxq a{ display:block; width:77px; height:26px;}

.more_r{ float:right;}



.more_bg {

    width: 92px;

    height: 32px;

    background: #c82a2f;

    margin: 0 auto;

    margin-top: 16px;

    margin-right: -14px;

}

.more_bg a{ display:block; line-height:32px; text-align:center; font-size:14px; color:#fff;}

.more_bg:hover{ background:#eba94b;}

.ckgd {

    width: 46px;

    height: 42px;

    background: url(../images/more.png) no-repeat;

    margin: 0 auto;

    margin-top: -30px;

}

.ckgd a{ width:46px; height:42px; display:block;}

/*client end*/

.more_r {

	float: right;

}

.more_p{ width:80px; height:25px; position:relative;  text-align:center;  line-height:25px;}

.lx{width:80px; height:25px; position:absolute; border:1px solid #0c63c4; transform: skewX(-30deg);  

-o-transform: skewX(-30deg);  

-webkit-transform: skewX(-30deg);  

-moz-transform: skewX(-30deg);}

.more_p a{ color:#0c63c4;}

/*client end*/



/*about*/

#about{ width:100%; background:url(../images/about_bg.jpg) center no-repeat; height:450px;}

.about {

    width: 1180px;

    height: auto;

    padding: 0;

    margin: 0 auto;

    padding-top: 58px;

}

.about ul li {

    float: left;



}

.about1 {

    margin-left: 270px;

    margin-top: 51px;

}

.about2 {

    padding: 21px 76px;

    height: 228px;

    margin-top: 26px; position:relative; width:212px;

}



.about_t {

    width: 516px;

    height: 190px;

    overflow: hidden;

    margin-top: 20px; color:#fff;

}

.about_t h4 {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    margin-top: 7px;

}

.about_t span {

    height: 96px;

    overflow: hidden;

    display: block;

    line-height: 24px;

    margin-top: 14px;

}

.about_t h4 a{ font-size:18px; color:#fff; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.about2 h4{ margin-bottom:33px;}

.about2 h5{ color:#fff; text-align:left;}

.about2 h4 a{ font-size:16px; color:#fff; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

em.t_l {

    position: absolute;

    top: 136px;

    left: 27px;

}

em.t_r {

    position: absolute;

    top: 136px;

    right: 27px;

}

/*about end*/



/*fengcai*/

.fengcai{ width:1180px; margin:0 auto; text-align:center;}

.fengcai ul{ display:inline-block; margin:0 auto;}

.fengcai ul li{ float:left; width:234px; margin:16px;}

.fengcai_img{ width:224px; height:161px; padding:4px; border:1px solid #eee;}

.fengcai_img a{ width:224px; height:161px; display:block;}

.fengcai_img img{ width:224px; height:161px;}

/*fengcai end*/

/*news*/

#news {

	width: 100%;

	height: 459px;

}

.news {

	width: 1180px;

	height: 500px;

	padding: 0;

	margin: 0 auto;

	padding-top: 55px;

}

.news_tt{ width:677px;}

.news_tt a{ font-size:24px; font-weight:100; color:#0055a8;}



.m_title {

	font-size: 15px;

	padding-right: 20px;

	font-weight: 100;

}

.xwdt {

	width: 726px;

	height: 428px;

}

.xwdt .m_title {  width: 726px;

}

.xwdt .m_title a {

	color: #333;

}



.news_box {

	padding: 10px 0;

}

.news_img {

	width: 279px;

	height: 159px;

	overflow: hidden;

	position: relative;

}

.news_img a {

	display: block;

}

.news_img a img {

	width: 279px;

	height: 159px;

}

.news_menu{ background:#FFF; height:32px; border:1px solid #0055a8;}

.news_menu>li {

    float: left;

    height: 32px;

    line-height: 32px;

    width: 100px;

    text-align: center;

}

.news_menu>li a{ color:#333;}

.news_menu>.selected{ background:#0055a8;}

.news_menu>.selected a{

	color:#fff;

}

.new1 {

    margin-top: 20px;

    width: 227px;

    height: 305px;

    float: left;

    position: relative;

    padding-right: 55px;

    border-right: 1px solid #DADADA;

}

.new1 h5{ text-align:left; margin-top:10px;}

.new1 h5 a{ font-weight:600; color:#333;}

.new1 p{ color:#666; line-height:24px; height:72px; overflow:hidden;}

.new1 a{ display:block;}

.new1 a img{    width: 227px;

    height:132px;}

.new1_left {

	width: 271px;

	height: 159px;

	overflow: hidden;

	float: left;

}

.new1_left img {

	width: 100%;

	height: auto;

}

.new1_right {

	width: 405px;

	height: 130px;

	float: right;

	padding-top: 5px;

	margin-right: 30px;

}

.new1_right h6 {

	font-size: 14px;

	line-height: 40px;

}

.new1_right p {

	line-height: 24px;

	height: 49px;

	overflow: hidden;

	color: #666;

	font-size: 12px;

}

.more_p a {

	color: #30a505;

	display: inline-block;

	margin: 10px 0;

	font-size: 12px;

}

.new1_right small {

	margin-top: 10px;

	display: block;

}

.new1_right small a {

	color: #0f3685;

	text-decoration: underline;

}

.line {

	width: 657px;

	height: 12px;

	border-bottom: 1px solid #DCDCDC;

}

.new2 {

	margin-top: 4px; width:100%; height:308px;

}



.new2 ul {

}

.new2 ul li {    width: 330px;
    height: 39px;
    margin-right: 30px;
    float: left;
    border-bottom: 1px dashed #A2A7A0;
    position: relative;
    overflow: hidden;

}

.new2 ul li span {

	font-size: 12px;

	color: #999;

	float: right;

	display: inline-block;

	line-height: 40px;

}

.new2 ul li a {

	height: 39px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	line-height: 39px;

	display: block;

	float: left;

	font-size: 13px; color:#333;

}

.new2 ul li a::before {

	content: "o";

	margin-right: 10px; font-weight:600; color:#0055a8;

}

.new2 ul li a:hover {

	color: #000;

}

.cjwt {

	width: 401px;

	height: 401px;

}

.cjwt_box {

    margin-top: 28px;

}

.cjwt_box>.r_more {

	position: relative;

	left: 20px;

	top: 16px;

}

.cjwt_tt{ width:401px;background:#FFF; height:32px; border:1px solid #0055a8;}

.cjwt_tt>a{ font-size:24px; font-weight:100; background:#0055a8; color:#fff; font-size:16px; display: inline-block;    height: 32px;

    line-height: 32px;

    width: 100px;

    text-align: center;}

.cjwt ul li {

	width: 100%;

	border-bottom: 1px dashed #826751;

}

.da {

	line-height: 24PX;

	height:65px;


	color: #555;

	padding-left: 23px;

	overflow: hidden;

	position: relative;

	font-size: 12px;

}

.wen {

	margin-top: 15px;

}

.wen a {

	font-weight: 600;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	font-size: 12px;

}

.wen::before {

	content: url(../images/q.jpg);

	color: #C99968;

	font-size: 18PX;

	margin-right: 5px;

	margin-top: 15px;

}

.da::before {

	content: url(../images/a.jpg);

	color: #C99968;

	position: absolute;

	font-size: 18PX;

	margin-left: -22px;

}

/************文字滚动************/



.cjwt ul {

	height: 320px;

	overflow: hidden;

}

.r_more {

	float: right;

	line-height: 30px;

}

.r_more a {

	font-weight: 100 !important;

	font-size: 13px; color:#999;

}

.cjwt .m_title a {

	margin-left: 20px;

}

/*news end*/





/*links*/

#links {

    width: 100%; padding-bottom: 20px;

}

.yqlj_tt {

    width: 1180px;

    height: 47px;

    background: url(../images/links_bg.jpg) top no-repeat;

    font-size: 24px;

    color: #0055a8;

    line-height: 24px;

    float: left;

}

.links {

	width: 1180px;

	padding: 0;

	margin: 0 auto;

}

.links b {

	font-size: 36px;

	color: #4B9E2A;

	display: inline-block;

	text-align: center;

	line-height: 43px;

	width: 116px;

	height: 43px; font-weight:100;

}

.links a {

	display: inline-block;

	padding: 0px 17px;

	color: #666;

	line-height: 43px;

}

.links a:hover {

	color: #222;

	text-decoration: underline;

}

/*links end*/





.huanying{min-width:1200px;width:100%;height:45px;line-height:45px;background:url(images/cpz.jpg) top repeat-x;    border-bottom: 1px solid #f1f1f1;}
    .huanyingbox{width:1180px;margin:auto;}
    .huanyingbox p {float: left;color: #777;}
    .jia{float: right;}
    .jia li {float: left;}
    .jia li a{color: #777;}

    .toubu{min-width:1200px;width: 100%;height: 130px;}
    .toububox{width: 1180px; margin: auto;}



    * + html { z-index: 6666;}
    * + html .search {z-index: 5555;}
    ul,li{ list-style:none;}
    a{ color:#000; text-decoration:none;}
    a:hover{ text-decoration:underline; color:#000;}
    .nav{min-width:1200px; width:100%; height:55px; margin:auto; z-index:9999;background:#0055a8;margin-bottom: 1px;}
    .nav_list{width:1180px;margin:auto;height:55px;}
    .nav li{ float:left;height:45px; line-height:55px;position:relative; text-align:center;z-index:99999;}
    .nav li.last{background:none;}
    .nav li a{float:left;display:block; height:55px; line-height:55px; }
    .nav li a:hover{ text-decoration:none;}
    .nav li a span{float:left;display:block; height:55px; line-height:55px;cursor:pointer; font-family:"Microsoft YaHei";text-align:center; color:#fff; font-size:16px;}
    .nav li a.selected{background:#EE7C1C; }
    .nav li:hover a.selected span{color:#fff;}
    .nav li a.selected2{ color:#fff;}
    .nav li.selected .submenu{display:block;}
    .nav li .submenu{display:none;position:absolute;top:45px;left:0px; background:#F7F7F7;z-index:99999;padding-bottom:0px;}
    .nav li .submenu li{float:left;padding:0;background:none;height:30px; line-height:30px;}
    .nav li .submenu li a{float:none;padding:0;text-align:center; font-family:"Microsoft YaHei";height:30px;line-height:30px;background:none; color:#555;}
    .nav li .submenu li a:hover{background:#EE7C1C;font-weight:normal; color:#fff; text-decoration:none;}
    .nav li a,.nav li a span,.nav li .submenu,.submenu li a{width:131px;}
    
    .nav_list > ul > li:nth-child(1) a span{
        color: #fff;
    }



    div#bsFloatTab {background: #0752B7;color: #fff !important;border-top-right-radius: 10px;border-bottom-right-radius: 10px;}


    div#firstpane h3 a {
        display: block;
        color: #fff;}
div#firstpane h3 a:hover {
       
        color: #000;}

    .zz_xsg{padding: 1px;border: 1px solid #CDCDCD;margin-bottom: 20px;}
    .zz_xsg_t{height: 40px;line-height: 40px;background: #0055a8;    margin-bottom: 10px;}
    .zz_xsg_t h3{font-size: 15px;margin-left: 20px;line-height: 43px;color: #fff;}
    .zz_xsg_n ul li em{display:block;float:left;width:3px;height:3px;margin-top:11px;margin-left:3px;margin-right:3px;    background: #333;}
    .zz_xsg_n ul li{width:100%;height:27px;line-height:27px;}

ul.productlist li {
    width: 230px;
    height: 228px;
    float: left;
    margin: 0px;text-align: center;
}
ul.productlist li:hover img{border: 2px solid #FF7B0D;}
ul.productlist li img {
    padding: 2px;
    border: 2px solid #E5E5E5;
}
ul.productlist li a {
    color: #555; font-size:14px
}


#demo { overflow:hidden; width:100%; } #demo img {border: 1px solid #F2F2F2;margin-right:
                            10px;-webkit-transition:1s;-moz-transition:1s;-o-transition:1s; transition:1s;}
                            #demo1 a img:hover,#demo2 a img:hover{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1);border:
                                1px solid #FF8800;} #indemo {width: 800%;} #indemo,#demo1,#demo2{float:
                                    left;padding-top: 10px;padding-bottom: 10px;} div#demo1 a ,div#demo2 a
                                    {display: block;float: left;text-align: center;font-size: 14px;margin-right:
                                        10px;}


                                            #dzmo { overflow:hidden; width:100%; } #dzmo img {border: 1px solid #F2F2F2;margin-right:
                            10px;-webkit-transition:1s;-moz-transition:1s;-o-transition:1s; transition:1s;}
                            #dzmo1 a img:hover,#dzmo2 a img:hover{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1);border:
                                1px solid #FF8800;} #indzmo {width: 800%;} #indzmo,#dzmo1,#dzmo2{float:
                                    left;padding-top: 10px;padding-bottom: 10px;} div#dzmo1 a ,div#dzmo2 a
                                    {display: block;float: left;text-align: center;font-size: 14px;margin-right:
                                        10px;}
.zz_xwlx_r td.text {display: block;width: 50px;}
                            .zz_xwlx_r input.input-text {height: 22px;width: 280px;}
                            .zz_xwlx_r textarea.textarea-text {width: 282px;}
                            .zz_xwlx_r input.submit.button.orange { width: 144px;height: 30px;margin-top: 3px;background: #448C1C; color: #fff;border: none;cursor: pointer;}
                            .zz_xwlx_r form {margin-top: 20px;}




/*news*/
.column{ width:100%; height:auto; overflow:hidden; padding:25px 0;}
.column_contact{ width:100%; height:auto; overflow:hidden; text-align: center;}
.column_contact li{ width:25%; float:left; text-align:center; cursor:pointer;}
.column_contact li:hover img{ transform: rotate(360deg);-moz-transform: rotate(360deg); -o-transform:rotate(360deg); -webkit-transform:rotate(360deg); transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.column_contact li div{ width:70%; margin:0 auto; text-align:left;} 
.column_contact li h4{ font-size:18px; color:#666; padding:15px 0 15px; height:50px; overflow:hidden; line-height:24px;}
.column_contact li p{ color:#666; line-height:24px; font-size:15px; text-align:left; height:72px; overflow:hidden;}
.column_contact li a{ color:#333; display:inline-block; margin-top:12px; font-size:14px;}
.column_contact li a.a1{ margin-top:0;}



/*产品推荐滚动效果*/
#demoLeft {margin:0px auto; overflow:hidden;width:auto; height:auto; padding:5px 3px 5px 0px;}
#demoLeft .indemo {float:left;width:2000%; text-align:center;}
#demo1,#demo2 {float: left;}
#demo1 a,#demo2 a {display:block; text-align:center;}
#demo1 ul li,#demo2 ul li { float:left; margin-left:20px;  text-align:center; margin-top:5px;  height:auto; overflow:hidden;  }
#demo1 ul li,#demo2 ul li a{ border-bottom:1px solid #feb65d;}
#demo1 img,#demo2 img{ border:1px solid #ccc; padding:3px;}




.tj {
                            margin-top: 30px;
                            background: #F7F7F7;
                            padding-left: 50px;
                            padding-right: 50px;
                            padding-top: 20px;
                            padding-bottom: 20px;
                        }
                        div#xg li span {float: right;}
                        div#xg ul li {margin-right: 30px;line-height: 30px;}